<template>
  <div class="svg-col">
    <svg-img name="vue" />
    <svg-icon name="yichu" />
    <svg-icon name="菜单" />
    <svg-img name="logo" />
    <svg-img name="basic" />
    <svg-img name="path" />
    <svg-img name="path_2" />
    <svg-img name="patterns" />
  </div>
</template>

<script setup lang="ts"></script>

<style lang="less" scoped>
  .svg-col {
    display: grid;
    grid-template-rows: repeat(auto-fill, minmax(16px, 50px));
    grid-template-columns: repeat(5, 200px);
    justify-content: start;
    align-items: center;
    margin-top: 130px;
  }
</style>
